﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title - My ASP.NET MVC Application</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
    <!-- themes default-->
    <link href="~/Content/themes/default.css" rel="Stylesheet" type="text/css" />
    @Styles.Render("~/Content/css")
    <!-- smart phone css -->
    @*<link href="~/Content/assets/phone.css" rel="Stylesheet" type="text/css" media="all and (min-width:0px) and (max-width:480px)" />*@
    <!-- tablet css -->
    @*<link href="~/Content/assets/tablet.css" rel="Stylesheet" type="text/css" media="all and (min-width:481px) and (max-width:800px)" />*@
    <!-- desktop css -->
    @*<link href="~/Content/assets/desktop.css" rel="Stylesheet" type="text/css" media="only screen and (min-width:801px)" />*@
    @Scripts.Render("~/bundles/modernizr")
</head>
<body>
    <div id="page">
        <div id="header">
            <div id="menu">
                <div id="m-menu" style="overflow: auto;">
                    <a href="#" onclick="SidebarOpen();" id="m-menu-open">Open</a> <a href="#" onclick="SidebarClose();"
                        id="m-menu-close">Close</a>
                </div>
            </div>
        </div>
        <div id="main">
            <div id="sidebar">
                <div id="sidebar-menu">
                    <ul class="accordion_menu">
                        <li><a href='#'>@*<span><img src="../../Images/icons/1382271030_display.png" alt="dashboard"/></span>*@dashboard</a></li>
                        <li><a href='#'>Quản trị hệ thống</a>
                            <ul class="sub-menu" style="display: block;">
                                <li><a href='~/SystemManagement/FoodList'>Thức ăn</a></li>
                                
                            </ul>
                        </li>
                        <li><a href='#'>Quản lý mua hàng</a>
                            <ul class="sub-menu" style="display: none;">
                                <li><a href='#'>Đề nghị mua hàng</a></li>
                                <li><a href='#'>Đề nghị sửa chữa</a></li>
                                <li><a href='#'>Đề nghị mua hàng</a></li>
                                <li><a href='#'>Đề nghị sửa chữa</a></li>
                                <li><a href='#'>Đề nghị mua hàng</a></li>
                                <li><a href='#'>Đề nghị sửa chữa</a></li>
                                <li><a href='#'>Đề nghị mua hàng</a></li>
                                <li><a href='#'>Đề nghị sửa chữa</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="content">
                <div id="content-inner">
                    @RenderBody()
                </div>
            </div>
        </div>
        <div class="footer">
        </div>
    </div>
    @*<header>
            <div class="content-wrapper">
                <div class="float-left">
                    <p class="site-title">@Html.ActionLink("your logo here", "Index", "Home")</p>
                </div>
                <div class="float-right">
                    <section id="login">
                        @Html.Partial("_LoginPartial")
                    </section>
                    <nav>
                        <ul id="menu">
                            <li>@Html.ActionLink("Home", "Index", "Home")</li>
                            <li>@Html.ActionLink("About", "About", "Home")</li>
                            <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
    <div id="body">
        @RenderSection("featured", required: false)
        <section class="content-wrapper main-content clear-fix">
                @RenderBody()
            </section>
    </div>
    <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; @DateTime.Now.Year - My ASP.NET MVC Application</p>
                </div>
            </div>
        </footer>*@
    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
    <script type="text/javascript">
        $(function () {
            $('#m-menu-close').addClass("hide");
        }); function SidebarOpen() {
            $('#m-menu-open').addClass("hide"); $('#m-menu-close').removeClass("hide");
            $("#sidebar").animate({ left: "0" }, { duration: 500, queue: false });
            $("#content").animate({ 'margin-left': '210' }, { duration: 500, queue: false });
            $("#content").animate({ 'margin-right': '-210' }, { duration: 500, queue: false });
        } function SidebarClose() {
            $('#m-menu-close').addClass("hide"); $('#m-menu-open').removeClass("hide");
            $("#sidebar").animate({ left: "-210" }, { duration: 500, queue: false });
            $("#content").animate({ 'margin-left': '0' }, { duration: 500, queue: false });
            $("#content").animate({ 'margin-right': '0' }, { duration: 500, queue: false });
        }
        $(document).ready(function () {
            // Tạo các biến chứa các giá trị cần thiết
            var acc_head = $('.accordion_menu > li > a'), acc_body = $('.accordion_menu li > .sub-menu');

            // Mở menu tab đầu tiên khi load trang web
            acc_head.first().addClass('active').next().slideDown('normal');

            // Tạo sự kiện click cho các thẻ a trong tab
            acc_head.on('click', function (event) {

                // Không cho link đến thẻ a trong tab
                event.preventDefault();

                // Hiển thị và ẩn tab khi ta click
                if ($(this).attr('class') != 'active') {
                    acc_body.slideUp('normal');
                    $(this).next().stop(true, true).slideToggle('normal');
                    acc_head.removeClass('active');
                    $(this).addClass('active');
                }
            });
        });
    </script>
</body>
</html>
